﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>BingoTouch WebApp</title>
    <meta name="viewport" content="user-scalable=no" />
    <link rel="stylesheet" href="common/jquery.mobile-1.1.0.min.css" />
    <link rel="stylesheet" href="common/BingoTouch.css" />
    <script src="common/iscroll.js"></script>
    <script src="common/jquery-1.7.1.min.js"></script>
    <script src="common/jquery.mobile-1.1.0.min.js"></script>
    <script src="common/BingoTouch.js"></script>

    <script type="text/javascript" src="scripts/common.js"></script>
    <style type="text/css">
    em{ font-size:80%; color:#ccc; }
    </style>
<script>
    BingoTouch.ready = function () {

        BingoTouch.WebView.wait(true);

        ReqGet(GetUserList, true, function (userList) {
            for (var i = 0; i < userList.length; i++) {
                var obj = userList[i];
                $('#managers').append('<li><div data-role="BTButton" data-icon="icon-list-right" icon-dir="right" data-url="account.html" url-arg="' + obj.Id + '">'
                + obj.Name + '<em>'
                + ' 参加' + obj.AttendTimes + '次'
                + (obj.Amount > 0 ? ' 缴费' + obj.Amount + '元' : ' 未缴费')
                + ' 消费' + obj.Consume + '元'
                + '</em></div></li>');
            }

            InitModule();

            BingoTouch.WebView.wait(false);
        });
    };

//	function success(dto) {
//	    //var retObj = BingoTouch.Common.string2json(response);
//	    //var dto = retObj.returnValue;
//	    var li = '';
//	    for (var i = 0; i < dto.length; i++) {
//	        li += '<li><div data-role="BTButton" data-icon="icon-tel" icon-dir="right" args="' + dto[i].MobilePhone + '">' +
//                 dto[i].Name + ' ' + dto[i].Position +
//                '</div></li>';
//	    }
//	    $('#managers').append(li);

//	    InitModule();

//	    $(".list-view div").tap(function (e) {
//	        BingoTouch.Device.call($(this).attr('args'), netCallBack);
//	    });

//	    BingoTouch.WebView.wait(false);

//	}
</script>

</head>
<body>
<div data-role="page" class="container">
    <div class="header" fixed="top">
        <div class="header-left">
            <div class="btn-back" data-role="BTButton" data-url="home.html">返回</div>
        </div>
        <h1 class="title">协会会员名录</h1>
        <div class="header-right">
            <div class="btn-primary" data-role="BTButton" id="refresh">
                <img src="demo/statics/images/icon-refresh.png" alt=""/>
            </div>
        </div>
    </div>
	<div class="content">
    	<div class="content">
        	<div class="content-inner" style="padding-top:100px;">
                <ul class="list-view" id="managers">
				</ul>	    
            </div>
            <br />
            <br />
        </div>
	</div>

    <!-- 底部导航 -->
	<div class="footer" fixed="bottom">			
		<div class="navbar">
			<ul class="grid-d" sonmenu="true" sonmenu-dir="top">
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-home.png" icon-dir="top" mouseup="false" data-url="home.html">报名</div></li>
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-list.png" icon-dir="top" mouseup="false" data-url="finance.html">财务</div></li>
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-search.png" icon-dir="top" mouseup="false" data-url="account.html">个人</div></li>
				<li><div data-role="BTButton" class="btn-inverse btn-active" data-icon="demo/statics/images/icon-setting.png" icon-dir="top" mouseup="false" data-url="contact.html">成员</div></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>